<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!-- <div>
    hello test
</div> -->
<video id="h" src="http://imgmtzj.meitianzaojiao.cn/imgmtzj/video1/20200613_126320.mp4" playsinline=""  x-webkit-airplay="" webkit-playsinline="" x5-playsinline preload="auto"  style="width: 100%;"></video>


<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>

    // IOS  webkit-playsinline="true" playsinline="true"
    // 安卓  x5-playsinline="" 且 需要执行 play() 方法

    //--创建页面监听，等待微信端页面加载完毕 触发音频播放
    document.addEventListener('DOMContentLoaded', function () {
        function audioAutoPlay() {
            var audio = document.getElementById('h');
            audio.play();
            document.addEventListener("WeixinJSBridgeReady", function () {
                audio.play();
            }, false);
        }
        audioAutoPlay();
    });
    //--创建触摸监听，当浏览器打开页面时，触摸屏幕触发事件，进行音频播放
    document.addEventListener('touchstart', function () {
        function audioAutoPlay() {
            var audio = document.getElementById('h');
            audio.play();
        }

        audioAutoPlay();
    });
</script>
</body>
</html>